<template>
  <div>
    <h4>
      <img src="../assets/images/home.png" alt />
      统计信息 &gt;未填写返回记录
    </h4>

    <div class="card">
      <el-table :data="tableData" style="width: 100%" :border="true" :stripe="true" size="small">
        <el-table-column fixed label="查看" min-width="80" align="center" header-align="center">
          <img src="../assets/images/search.png" alt />
        </el-table-column>
        <el-table-column
          prop="name"
          label="申请人"
          min-width="120"
          align="center"
          header-align="center"
        ></el-table-column>
        <el-table-column
          prop="province"
          label="申请日期"
          min-width="120"
          align="center"
          header-align="center"
        ></el-table-column>
        <el-table-column
          prop="city"
          label="申请类型"
          min-width="120"
          align="center"
          header-align="center"
        ></el-table-column>
        <el-table-column
          prop="address"
          label="状态"
          min-width="100"
          align="center"
          header-align="center"
        ></el-table-column>
        <el-table-column
          prop="zip"
          label="申请内容"
          min-width="420"
          align="center"
          header-align="center"
        ></el-table-column>
        <el-table-column
          fixed="right"
          label="操作"
          min-width="120"
          align="center"
          header-align="center"
        >
          <template slot-scope="scope">
            <el-button
              @click.native.prevent="deleteRow(scope.$index, tableData)"
              type="text"
              size="small"
            >移除</el-button>
          </template>
        </el-table-column>
      </el-table>
      <div class="block">
        <el-pagination
          :current-page="currentPage4"
          :page-sizes="[100, 200, 300, 400]"
          :page-size="100"
          layout="total, sizes, prev, pager, next, jumper"
          :total="400"
        ></el-pagination>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  methods: {
    deleteRow(index, rows) {
      rows.splice(index, 1);
    }
  },
  data() {
    return {
      value1: "",
      currentPage1: 5,
      currentPage2: 5,
      currentPage3: 5,
      currentPage4: 4,
      form: {
        name: "",
        region: "",
        date1: "",
        date2: "",
        delivery: false,
        type: [],
        resource: "",
        desc: ""
      },
      tableData: [
        {
          date: "2016-05-03",
          name: "岳诗琪",
          province: "2019-10-29",
          city: "印章审批",
          address: "已批准",
          zip:
            "2019年03月28日 09：36：35 服务项目：参加培训，事由：参见讲座培训印章"
        },
        {
          date: "2016-05-03",
          name: "岳诗琪",
          province: "2019-10-29",
          city: "印章审批",
          address: "已批准",
          zip:
            "2019年03月28日 09：36：35 服务项目：参加培训，事由：参见讲座培训印章"
        },
        {
          date: "2016-05-03",
          name: "岳诗琪",
          province: "2019-10-29",
          city: "印章审批",
          address: "已批准",
          zip:
            "2019年03月28日 09：36：35 服务项目：参加培训，事由：参见讲座培训印章"
        },
        {
          date: "2016-05-03",
          name: "岳诗琪",
          province: "2019-10-29",
          city: "印章审批",
          address: "已批准",
          zip:
            "2019年03月28日 09：36：35 服务项目：参加培训，事由：参见讲座培训印章"
        },
        {
          date: "2016-05-03",
          name: "岳诗琪",
          province: "2019-10-29",
          city: "印章审批",
          address: "已批准",
          zip:
            "2019年03月28日 09：36：35 服务项目：参加培训，事由：参见讲座培训印章"
        },
        {
          date: "2016-05-03",
          name: "岳诗琪",
          province: "2019-10-29",
          city: "印章审批",
          address: "已批准",
          zip:
            "2019年03月28日 09：36：35 服务项目：参加培训，事由：参见讲座培训印章"
        },
        {
          date: "2016-05-03",
          name: "岳诗琪",
          province: "2019-10-29",
          city: "印章审批",
          address: "已批准",
          zip:
            "2019年03月28日 09：36：35 服务项目：参加培训，事由：参见讲座培训印章"
        },
        {
          date: "2016-05-03",
          name: "岳诗琪",
          province: "2019-10-29",
          city: "印章审批",
          address: "已批准",
          zip:
            "2019年03月28日 09：36：35 服务项目：参加培训，事由：参见讲座培训印章"
        },
        {
          date: "2016-05-03",
          name: "岳诗琪",
          province: "2019-10-29",
          city: "印章审批",
          address: "已批准",
          zip:
            "2019年03月28日 09：36：35 服务项目：参加培训，事由：参见讲座培训印章"
        },
        {
          date: "2016-05-03",
          name: "岳诗琪",
          province: "2019-10-29",
          city: "印章审批",
          address: "已批准",
          zip:
            "2019年03月28日 09：36：35 服务项目：参加培训，事由：参见讲座培训印章"
        },
        {
          date: "2016-05-03",
          name: "岳诗琪",
          province: "2019-10-29",
          city: "印章审批",
          address: "已批准",
          zip:
            "2019年03月28日 09：36：35 服务项目：参加培训，事由：参见讲座培训印章"
        },
        {
          date: "2016-05-03",
          name: "岳诗琪",
          province: "2019-10-29",
          city: "印章审批",
          address: "已批准",
          zip:
            "2019年03月28日 09：36：35 服务项目：参加培训，事由：参见讲座培训印章"
        },
        {
          date: "2016-05-03",
          name: "岳诗琪",
          province: "2019-10-29",
          city: "印章审批",
          address: "已批准",
          zip:
            "2019年03月28日 09：36：35 服务项目：参加培训，事由：参见讲座培训印章"
        },
        {
          date: "2016-05-03",
          name: "岳诗琪",
          province: "2019-10-29",
          city: "印章审批",
          address: "已批准",
          zip:
            "2019年03月28日 09：36：35 服务项目：参加培训，事由：参见讲座培训印章"
        },
        {
          date: "2016-05-03",
          name: "岳诗琪",
          province: "2019-10-29",
          city: "印章审批",
          address: "已批准",
          zip:
            "2019年03月28日 09：36：35 服务项目：参加培训，事由：参见讲座培训印章"
        },
        {
          date: "2016-05-03",
          name: "岳诗琪",
          province: "2019-10-29",
          city: "印章审批",
          address: "已批准",
          zip:
            "2019年03月28日 09：36：35 服务项目：参加培训，事由：参见讲座培训印章"
        },
        {
          date: "2016-05-03",
          name: "岳诗琪",
          province: "2019-10-29",
          city: "印章审批",
          address: "已批准",
          zip:
            "2019年03月28日 09：36：35 服务项目：参加培训，事由：参见讲座培训印章"
        }
      ]
    };
  },
  medthods: {}
};
</script>
<style lang="scss" scoped>
.el-form {
  background: #fff;
  margin-bottom: 10px;
  padding: 10px;
}
.el-main {
  padding: 10px;
}
.line {
  text-align: center;
}
h4 {
  margin-bottom: 10px;
}
.card {
  background: #fff;
  padding: 10px;
}
.block {
  margin-top: 10px;
}
</style>